<div class="wrap-zone-sl relative">
    <div class="zone-sl" >
        <ul>
            <?php
            if (isset($categories) && count($categories) > 0) {
                foreach ($categories as $item) {
                    $name = $item->category;
                    $name = str_replace(array('thiết bị điện', 'và', 'hồ quang'), array('TBĐ', '&', 'HQ'), $name);
                    $uri  = get_base_url() . url_title($item->category, 'dash', TRUE) . '-c' . $item->id;
                    $icon = $item->icon ? str_replace('thumbnails/', '', $item->icon) : 'images/hanque.png';
                    ?>
                    <li>
                        <a href="<?=$uri?>" title="<?=$name?>">
                            <span style="text-transform: uppercase;">
                                <img src="<?=$icon?>" alt="<?=$name?>">
                                <?=$name?>
                            </span>
                        </a>
                    </li>
                    <?php
                }
            }
            ?>
        </ul>
    </div>
    <a id="btn-next-zone-sl" class="btn-zone-sl">Next</a>
    <a id="btn-prev-zone-sl" class="btn-zone-sl">Prev</a>
</div>